import React, { Component} from 'react';
import Split from '../CommonComponent/Split'
import Top from '../CommonComponent/Top'
import '../../Stylesheets/wx/recharge.css'


export default class RechargeDetail extends Component {
    render(){
        return(
            <div className="containerNav">
                <Top
                    title ={'充值详情'}
                />
                <div className="paddinglr">
                    <div
                        className="flex flex-pack-justify flex-align-center border_bottom f14"
                        style={{height:50}}
                    >
                        <span className="color9">金额</span>
                        <span className="colorlv">￥200</span>
                    </div>
                    <div
                        className="flex flex-pack-justify flex-align-center f14" style={{height:40}}>
                        <span className="color9">相关品牌</span>
                        <span className="color6">维魅力</span>
                    </div>
                    <div
                        className="flex flex-pack-justify flex-align-center f14" style={{height:40}}>
                        <span className="color9">申请人</span>
                        <span className="color6">吴海丽</span>
                    </div>
                    <div
                        className="flex flex-pack-justify flex-align-center f14" style={{height:40}}>
                        <span className="color9">充值类型</span>
                        <span className="color6">在线充值</span>
                    </div>
                    <div
                        className="flex flex-pack-justify flex-align-center f14" style={{height:40}}>
                        <span className="color9">充值时间</span>
                        <span className="color6">2017-01-13 11:30:41</span>
                    </div>
                    <div
                        className="flex flex-pack-justify flex-align-center f14" style={{height:40}}>
                        <span className="color9">审核状态</span>
                        <span className="colorlv">审核通过</span>
                    </div>
                </div>
                <Split />
                <div className="paddinglr">
                    <div
                        className="flex flex-pack-justify flex-align-center f14" style={{height:40}}>
                        <span className="color9">审核人</span>
                        <span className="color6">路据称</span>
                    </div>
                    <div
                        className="flex flex-pack-justify flex-align-center f14" style={{height:40}}>
                        <span className="color9">审核时间</span>
                        <span className="color6">2017-01-13 11:30:41</span>
                    </div>
                    <div
                        className="flex flex-pack-justify flex-align-center f14" style={{height:40}}>
                        <span className="color9">信息</span>
                        <span className="color6">奥斯卡顶部就安徽的局势的可是大家啊</span>
                    </div>
                </div>
            </div>
        )
    }

}